﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>首页</title>
    <link href="../css/Index.css" rel="stylesheet" />
    <script src="../js/jquery-1.2.6.pack.js"></script>
    <script src="../js/banner.js"></script>
</head>

<body>
    <div class="topfixhead">
        <!--开头语-->
        <div class="toplogin">
            <div class="loginleft">
                <span>您好，欢迎访问中国系统集成在线！请</span>
                <a href="#">登录</a>
                <a href="#">免费注册</a>
            </div>
        </div>
        <!--头部-->
        <header>
            <div class="logo01">
            </div>
            <div class="logo02"></div>
        </header>
        <!--导航-->
        <div class="nav">
            <div class="ulnav">

                <ul>
                    <li><a href="index.html" target="_blank">首页</a></li>
                    <li><a href="industryMoving.html" target="_blank">行业动态</a></li>
                    <li><a href="programInfo.html" target="_blank">项目信息</a></li>
                    <li><a href="soluteCase.html" target="_blank">解决方案</a></li>
                    <li><a href="newProduct.html" target="_blank">前沿产品</a></li>
                    <li><a href="productentity.html" target="_blank">产业实体</a></li>
                    <li><a href="#" target="_blank">集成联盟</a></li>
 


                </ul>
            </div>
        </div>
    </div>
    <!--导航结束-->
    <!--内容-->
    <div class="container" >   
              <div class="part_left">
            <h5>行业动态</h5>
            <hr align="left" noshade="false" size="4" width="90%" color="#8cbdf9">

<!--轮播图的位置 -->
           <div id="banner" style="margin-left:15px;">	
    <ul>
        <li class="on" indexs='1'></li>
        <li indexs='2'></li>
        
    </ul>
   <div id="banner_list" >
            
        <a href="#" target="_blank"><img src="../images/p1.jpg"  title="" alt="" ></a>
        <a href="#" target="_blank"><img src="../images/p5.jpg" title="" alt=""/></a>
    </div>
</div>
 <!--轮播图 结束标签-->
            <div class="Trademoving">
                <div class="imageinfo">
                    <img src="../images/p1.jpg" width="180px" height="96px"/>
                </div>
                <div class="txtmess">

                    <span class="usertype">用户时代</span>
                    <strong><a href="#">    现今物联网时代，智能交通能否开创新局面？</a></strong><br>
                    <label>
                    交通是每一个人日常生活的重要方面，同时也是整个国家的战略
要方面，同时也是整个国家的战略 ...</label>


                </div>
                <div class="spanmess">
                    <span>标签：</span>
                    <label>技术</label>
                    <label>行业</label>
                    <label>实体</label>
                </div>
            </div>
            <div class="Trademoving">
                <div class="imageinfo">
                    <img src="../images/123.jpg"  width="180px" height="96px"/>
                </div>
                <div class="txtmess">

                    <span class="usertype">专家</span>
                        <strong>    现今物联网时代，智能交通能否开创新局面？</strong><br>
                    <label>
                     交通是每一个人日常生活的重要方面，同时也是整个国家的战略
要方面，同时也是整个国家的战略 ...</label>


                </div>
                <div class="spanmess">
                    <span>标签：</span>
                    <label>技术</label>
                    <label>行业</label>
                    <label>实体</label>
                </div>
            </div>
            <div class="Trademoving">
                <div class="imageinfo">
                                        <img src="../images/trade01.png" />
                </div>
                <div class="txtmess">

                    <span class="usertype">企业</span>
                        <strong>    现今物联网时代，智能交通能否开创新局面？</strong><br>
                    <label>
                      交通是每一个人日常生活的重要方面，同时也是整个国家的战略
要方面，同时也是整个国家的战略 ...</label>


                </div>
                <div class="spanmess">
                    <span>标签：</span>
                    <label>技术</label>
                    <label>行业</label>
                    <label>实体</label>
                </div>
            </div>
        </div>
        <div class="part_right">
                 <h5>项目信息</h5>
            <hr align="left" noshade="false" size="4" width="90%" color="#8cbdf9">
            <div class="mess_content">
                <table class="bidinfo" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="35px"><span class="zhaobid">中标</span></td>
                        <td colspan="2" class="bluefont">教学仪器站云计算中心设备升级项目招标公告</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td width="200px">开标时间：2015年05月09日</td>
                        <td>招标单位：烟台市芝罘区教学仪器站</td>

                    </tr>
                </table>
                <table class="bidinfo" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="35px"><span class="zhaobid">中标</span></td>
                        <td colspan="2" class="bluefont">广州医科大学卫生2014年教育信息化运维服务招标公告</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td width="200px">开标时间：2015年05月09日</td>
                        <td>招标单位：广州医科大学卫生职业技术学院</td>

                    </tr>
                </table>
                <table class="bidinfo" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="35px"><span class="zhongbid">中标</span></td>
                        <td colspan="2" class="redfont">北京市海淀区西北旺学区红英小学监控项目招标公告</td>
                    </tr>
                    <tr>
                        <td></td>
                    <td width="200px">开标时间：2015年05月09日</td>
                        <td>招标单位：红英小学监控设施改造-六里屯</td>

                    </tr>
                </table>
                <table class="bidinfo" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="35px"><span class="zhongbid">中标</span></td>
                        <td colspan="2" class="redfont">广州越秀人大常委会办公室采购台式计算机项目招标公告</td>
                    </tr>
                    <tr>
                        <td></td>
                   <td width="200px">开标时间：2015年05月09日</td>
                        <td>招标单位：广州医科大学卫生职业技术学院</td>

                    </tr>
                </table>
                <table class="bidinfo" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="35px"><span class="feibid">废标</span></td>
                        <td colspan="2" class="yellowfont">教学仪器站云计算中心设备升级项目招标公告</td>
                    </tr>
                    <tr>
                        <td></td>
                      <td width="200px">开标时间：2015年05月09日</td>
                        <td>招标单位：烟台市芝罘区教学仪器站</td>

                    </tr>
                </table>
                <table class="bidinfo" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="35px"><span class="zhaobid">中标</span></td>
                        <td colspan="2">教学仪器站云计算中心设备升级项目招标公告</td>
                    </tr>
                    <tr>
                        <td></td>
                      <td width="200px">开标时间：2015年05月09日</td>
                        <td>招标单位：烟台市芝罘区教学仪器站</td>

                    </tr>
                </table>
                <table class="bidinfo" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="35px"><span class="zhaobid">中标</span></td>
                        <td colspan="2">教学仪器站云计算中心设备升级项目招标公告</td>
                    </tr>
                    <tr>
                        <td></td>
                   <td width="200px">开标时间：2015年05月09日</td>
                        <td>招标单位：烟台市芝罘区教学仪器站</td>

                    </tr>
                </table>
                <table class="bidinfo" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="35px"><span class="zhongbid">中标</span></td>
                        <td colspan="2">教学仪器站云计算中心设备升级项目招标公告</td>
                    </tr>
                    <tr>
                        <td></td>
                 <td width="200px">开标时间：2015年05月09日</td>
                        <td>招标单位：烟台市芝罘区教学仪器站</td>

                    </tr>
                </table>
                <table class="bidinfo" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="35px"><span class="zhongbid">中标</span></td>
                        <td colspan="2">教学仪器站云计算中心设备升级项目招标公告</td>
                    </tr>
                    <tr>
                        <td></td>
                   <td width="200px">开标时间：2015年05月09日</td>
                        <td>招标单位：烟台市芝罘区教学仪器站</td>

                    </tr>
                </table>
                <table class="bidinfo" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="35px"><span class="zhaobid">招标</span></td>
                        <td colspan="2">教学仪器站云计算中心设备升级项目招标公告</td>
                    </tr>
                    <tr>
                        <td></td>
                       <td width="200px">开标时间：2015年05月09日</td>
                        <td>招标单位：烟台市芝罘区教学仪器站</td>

                    </tr>
                </table>
            </div>
        </div>
    </div>


    <!--项目信息-->
    <div class="programeInfo">

        <div class="tradebid">

            <div class="listName">
                <label>项目信息</label>
            </div>
            <div class="listContent">
                <span>有超过450,000项目数据</span><br>
                <label>旨在围绕中标项目，查找整个产业链上的各实体之间的关联关系</label><br>
<div class="entrance"><a href="#">点击进入</a></div>

            </div>
            <div class="listName">
                <label>工程监理</label>
            </div>
            <div class="listContent">
                <span>有超过20,000项目数据
                </span>
                <br>
                <label>
                    旨在围绕工程监理，查找整个产业链上与其相关各实体之间的关联关系
                </label>
                <br><div class="entrance"><a href="#">点击进入</a></div>
            </div>
        </div>
        <div class="tradebid">
            <div class="listName">
                <label>项目甲方</label>
            </div>
            <div class="listContent">
                <span>有超过100,000甲方数据</span><br>
                <label>
                    旨在围绕甲方，查找整个产业链上与其相关各实体之间的关联关系
                </label>
                <div class="entrance"><a href="#">点击进入</a></div>
            </div>
            <div class="listName">
                <label>设计咨询公司</label>
            </div>
            <div class="listContent">
                <span>有超过40,000项目数据
                </span>
                <br>
                <label>
                    旨在围绕招标咨询，查找整个产业链上与其相关各实体之间的关联关系
                </label>
                    <br><div class="entrance"><a href="#">点击进入</a></div>
            </div>
        </div>
        <div class="tradebid">
            <div class="listName">
                <label>专家</label>
            </div>
            <div class="listContent">
                <span>有超过5,000项目数据
                </span>
                <br>
                <label>
                    旨在围绕专家，查找整个产业链上与其相关各实体之间的关联关系
                </label>
                <div class="entrance"><a href="#">点击进入</a></div>
            </div>
            <div class="listName">
                <label>系统集成商</label>
            </div>
            <div class="listContent">
                <span>有超过27,000项目数据
                </span>
                <br>
                <label>
                    旨在围绕系统集成商，查找整个产业链上与其相关各实体之间的关联关系
                </label>
                    <br><div class="entrance"><a href="#">点击进入</a></div>
            </div>
        </div>
        <div class="tradebid">
            <div class="listName">
                <label>招标代理公司</label>
            </div>
            <div class="listContent">
                <span>有超过30,000项目数据
                </span>
                <br>
                <label>
                    旨在围绕代理公司，查找整个产业链上与其相关各实体之间的关联关系
                </label>
                <div class="entrance"><a href="#">点击进入</a></div>
            </div>
            <div class="listName">
                <label>产品厂商</label>
            </div>
            <div class="listContent">
                <span>有超过500,000项目数据
                </span>
                <br>
                <label>
                    旨在围绕产品厂商，查找整个产业链上与其相关各实体之间的关联关系
                </label>
                    <br><div class="entrance"><a href="#">点击进入</a></div>
            </div>
        </div>

    </div>
    <!--解决方案-->
    <div class="soluteInfo">

        <div class="container" style="height: 640px;margin-top:10px !important; ">

            <div class="part_left" style="height:640px;">
                <h5>解决方案</h5>
                <hr align="left" noshade="false" size="4" width="90%" color="#8cbdf9">

           

                    <div class="solute_01">

                        <div class="photoview">

                        </div>
                        <br>
                        <a href="#">车联网与大数据时代将产生无数应用前景</a>


                    </div>

                    <div class="solute_01">
                        <div class="photoview">
                        </div>
                        <br>
                        <a href="#">车联网与大数据时代将产生无数应用前景</a>

                    </div>

                    <div class="solute_01">
                        <div class="photoview">
                        </div>
                        <br>
                        <a href="#">车联网与大数据时代将产生无数应用前景</a>
                    </div>


                <div class="Trademoving">
                    <div class="imageinfo">
                        <img src="../images/trade01.png" />
                    </div>
                    <div class="txtmess">

                        <span class="usertype">用户时代</span>
                            <strong>    现今物联网时代，智能交通能否开创新局面？</strong><br>
                        <label>
                          交通是每一个人日常生活的重要方面，同时也是整个国家的战略
要方面，同时也是整个国家的战略 ...</label>


                    </div>
                    <div class="spanmess">
                        <span>标签：</span>
                        <label>技术</label>
                        <label>行业</label>
                        <label>实体</label>
                    </div>
                </div>
                <div class="Trademoving">
                    <div class="imageinfo">
                           <img src="../images/trade01.png" />
                    </div>
                    <div class="txtmess">

                        <span class="usertype">专家</span>
                            <strong>    现今物联网时代，智能交通能否开创新局面？</strong><br>
                        <label>
                            交通是每一个人日常生活的重要方面，同时也是整个国家的战略
要方面，同时也是整个国家的战略 ...</label>


                    </div>
                    <div class="spanmess">
                        <span>标签：</span>
                        <label>技术</label>
                        <label>行业</label>
                        <label>实体</label>
                    </div>
                </div>
                <div class="Trademoving">
                    <div class="imageinfo">
                           <img src="../images/trade01.png" />
                    </div>
                    <div class="txtmess">

                        <span class="usertype"><a href="#">企业</a></span>
                            <strong>    现今物联网时代，智能交通能否开创新局面？</strong><br>
                        <label>
                       交通是每一个人日常生活的重要方面，同时也是整个国家的战略
要方面，同时也是整个国家的战略 ...</label>


                    </div>
                    <div class="spanmess">
                        <span>标签：</span>
                        <label>技术</label>
                        <label>行业</label>
                        <label>实体</label>
                    </div>
                </div>
            </div>
            <div class="part_right" style="height:640px">
                <h5>创新产品</h5>
                <hr align="left" noshade="false" size="4" width="90%" color="#8cbdf9">
                <div class="mess_content" style="">

                    <div id="procontent">
                        <div class="prolist" onclick="ff();">
                            <div class="imgcanvas" style="background: url(../images/fxq.png); background-repeat: no-repeat;">
                                <span class="title">一款安全、稳定、便携的，能够实时传输和记录图像或者其他数据的无人飞行器通过智能飞控系统，实现自动起飞、悬停、按照指定的路线飞行，完成任务后自动返航。

                                </span>
                            </div>
                            <div class="Protitle">
                                <label>飞行器</label>
                            </div>
                            <div class="ProInfo">

                            </div>
                          
                        </div>
                        <div class="prolist">
                            <div class="imgcanvas" style="background: url(../images/dddc.png); background-repeat: no-repeat;">

                                <span class="title">一款创业社交应用的Beta之旅</span>
                            </div>
                            <div class="Protitle">
                                <label>一点租车</label>
                            </div>
                            <div class="ProInfo">
                                <span>技术类</span>
                                <span>行业类</span>
                                <span>XX类</span>
                                <span>XX类</span>
                            </div>
                    
                        </div>
                        <br>
                        <div class="prolist">
                            <div class="imgcanvas" style="background: url(../images/sj.png); background-repeat: no-repeat;">

                                <span class="title">有意或无意地创造阅读娱乐性</span>
                            </div>
                            <div class="Protitle">
                                <label>神剧</label>
                            </div>
                            <div class="ProInfo">
                                <span>技术类</span>
                                <span>行业类</span>
                                <span>XX类</span>
                                <span>XX类</span>
                            </div>
                           
                        </div>

                        <div class="prolist">
                            <div class="imgcanvas" style="background: url(../images/hhr.png); background-repeat: no-repeat;">

                                <span class="title">被深爱的、沉默的、一望无际的二次元世界...</span>
                            </div>
                            <div class="Protitle">
                                <label>合伙人</label>
                            </div>
                            <div class="ProInfo">
                                <span>技术类</span>
                                <span>行业类</span>
                                <span>XX类</span>
                                <span>XX类</span>
                            </div>
                        
                        </div>

                    </div>
                </div>


            </div>

        </div>
    </div>

    <!--尾部-->
    <div class="bottom">
    </div>
        <footer>
        <div class="address">
            <a href="#">关于我们</a>| 
            <a href="#">联系方式</a>|
            <a href="#">使用协议</a>|
            <a href="#">在线调查</a>|
            <a href="#">网站留言</a>
        </div>
        <div class="companymess">

            <div class="footleft">
               <span>主办单位：工业和信息化部电子科学技术情报研究所</span><br>
                <span>copyright 2012-2015 chinasi.com all rights reserved</span><br>
                <span>京icp备12039682号-1</span>
            </div>
             <div class="footright">

            </div>
        </div>
    </footer>


    <!--尾部结束-->
    <script src="../js/jquery-1.7.1.min.js"></script>
    <script>
        $(function () {



            //$(".ulnav ul li  a").eq(0).addClass('selected');
        });

        $(document).ready(function () {
            $(".ulnav ul li a").eq(0).addClass('selected');
            /*------------------控制导航选中菜单----------------*/
            var urlstr = location.href;
            var lastadd = urlstr.substring(urlstr.lastIndexOf("/") + 1, urlstr.length);
            $(".ulnav ul li a").each(function () {
                if ($(this).attr("href") == lastadd) {
                    $(this).addClass('selected');
                } else {
                    $(this).removeClass('selected');
                }
            });
            /*-----------------控制导航选中菜单  结束-------------*/

        });
        //最新产品展示
        $("#procontent .prolist").hover(function () {
            $(this).find(".title").stop().animate({ bottom: '0px' }, { queue: false }, "fast");
        }, function () {
            $(this).find(".title").stop().animate({ bottom: '-150px' }, { queue: false }, "fast");
        });

    </script>


</body>
</html>
